﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/timeleft.js")" type="text/javascript"></script>
</head>
<body>
    <div class="page">
        <header>
            <div id="title">
                <h1></h1>
            </div>
            <div id="logindisplay">
                @Html.Partial("_LogOnPartial")
            </div>
            <nav>
                <ul id="menu">
                    <li>@Html.ActionLink("About","About","Home")</li>
                </ul>
            </nav>
        </header>
        <section id="main">
            @RenderBody()
            <div>
                <p>
                    Page loaded: @DateTime.Now.ToString() 
                </p>
                <p>
                    Timeout: @Session.Timeout Minute(s)
                </p>
                <p>
                    Normally, this session would timeout in <span id='timeleft'>@(Session.Timeout * 60)</span> seconds.
                </p>
            </div>
        </section>
        <footer>
        </footer>
    </div>
</body>
<script type="text/javascript">
    $(document).ready(function () {
        setInterval(function () {
            $.post('@Url.Content("~/Content/KeepMeAlive.axd")');
        }, 15000);
    });
</script>
</html>
